<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" />
<meta name="copyright" content="">
<meta name="author" content="">
<title>私立初中</title>
<!-- <link rel="stylesheet" href="./static/css/style.css"> -->
<link rel="stylesheet" href="./static/css/element-ui.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./static/js/swiper-4.5.3.min.js"></script>
<link rel="stylesheet" href="./swiper/swiper.min.css" />
<script src="./static/js/element-ui.js"></script>
<script src="./static/js/js.js"></script>
</head>

<body>
  <div id="app" class="sl-cz">
    <my-header :type="3">
      <div class="gj-banner" :style="'background-image: url(' + banner+')'"></div>
      <div class="sl-xx-main1 box">
        <gj-tit1 title="私立初中择校必看"></gj-tit1>
        <dl class="list flex-bect" v-if="main1">
          <dt class="line"></dt>
          <dd v-for="(item, i) in main1" :key="i" class="item">
            <div class="name">{{item.name}}</div>
            <span class="ico"></span>
            <div class="txt" v-html="item.txt"></div>
            <a href="" class="kfbtn btn">了解择校攻略</a>
          </dd>
        </dl>
      </div>
      <div class="sl-xx-main2 ">
        <div class="box ov">
          <div class="list">
            <a v-for="(item, i) in glList" :key="i" :href="item.path" class="btn">{{item.name}}</a>
          </div>
        </div>
      </div>
      <!-- 优质私立初中推荐 -->
      <gj-main3 title="优质私立初中推荐" :main2="main2" :curdata="m2_cur_data" @getidx="getIdx"></gj-main3>
      <!-- 热门专题 -->
      <hot-zt :con="main3"></hot-zt>
      
      <!-- 私立初中家长的关注 -->
      <div class="gj-xx-main4" v-if="main4">
        <div class="box">
          <gj-tit1 title="私立初中家长的关注"></gj-tit1>
          <gj-main2 :list1="main4.newsList" :list2="main4.hotList" :router="router"></gj-main2>
        </div>
      </div>
      
    </my-header>
  </div>
  
  <script type="text/babel">
    let router = getPath(); // 所有路径
    var time = new Date().getTime();
    let mySwiper1 = null;//销毁实例
    new Vue({
      el: '#app',
      components: {
        'my-header': httpVueLoader('./components/header.vue?time='+time),
        'gj-main1': httpVueLoader('./components/gj_main1.vue?time='+time),
        'gj-main2': httpVueLoader('./components/gj_main2.vue?time='+time),
        'gj-main3': httpVueLoader('./components/gj_main3.vue?time='+time),
        'gj-tit1': httpVueLoader('./components/gj_tit1.vue?time='+time),
        'hot-zt': httpVueLoader('./components/hot_zt.vue?time='+time),
        'hot-zt': httpVueLoader('./components/hot_zt.vue?time='+time),
        
      },
      data:{
        router:router, // 路径
        banner:"", // banner
        main1:null, // 专题列表
        glList:null, // 攻略列表
        main2:null, // 国际学校入学指导
        m2_cur_data:null,
        m2_list:[
          {id:1, name:"北京爱迪国际学校", src:"./static/image/home/m2-3.png", kc:["IGCSE课程","双语课程","澳大利亚课程","艺术课程","美国课程","ALevel课程","香港课程"]},
          {id:2, name:"北京爱迪国际学校", src:"./static/image/home/m2-3.png", kc:["IGCSE课程","双语课程","澳大利亚课程","艺术课程","美国课程","ALevel课程","香港课程"]},
          {id:3, name:"北京爱迪国际学校", src:"./static/image/home/m2-3.png", kc:["IGCSE课程","双语课程","澳大利亚课程","艺术课程","美国课程","ALevel课程","香港课程"]},
          {id:4, name:"北京爱迪国际学校", src:"./static/image/home/m2-3.png", kc:["IGCSE课程","双语课程","澳大利亚课程","艺术课程","美国课程","ALevel课程","香港课程"]},
          {id:5, name:"北京爱迪国际学校", src:"./static/image/home/m2-3.png", kc:["IGCSE课程","双语课程","澳大利亚课程","艺术课程","美国课程","ALevel课程","香港课程"]},
          {id:6, name:"北京爱迪国际学校", src:"./static/image/home/m2-3.png", kc:["IGCSE课程","双语课程","澳大利亚课程","艺术课程","美国课程","ALevel课程","香港课程"]}
        ],
        main3:null, // 热门专题
        main4:null, // 国际小学家长的关注
      },
      mounted() {
        this.getCon()
      },
      
      methods: {
        // 切换轮播的大数据
        getIdx(e){
          console.log('切换数据', e)
          // 先将轮播数据清空再请求对应的数据赋值给轮播
          this.m2_cur_data = null;
          this.m2_cur_data = [this.m2_list, this.m2_list]
        },
        getCon(){
          this.banner = "./static/image/sl_05_cz/banner.png";
          this.glList = [
            {id:1, name:"私立初中学费", path:this.router.gjNewsDetail},
            {id:2, name:"私立初中排名", path:this.router.gjNewsDetail},
            {id:3, name:"入学要求", path:this.router.gjNewsDetail},
            {id:4, name:"户籍要求", path:this.router.gjNewsDetail},
            {id:5, name:"优劣势", path:this.router.gjNewsDetail},
            {id:6, name:"申请条件", path:this.router.gjNewsDetail},
            {id:7, name:"招生政策", path:this.router.gjNewsDetail},
            {id:8, name:"报名流程", path:this.router.gjNewsDetail}
          ]
          this.main1 = [
            {id:1, name:"适合人群", txt:"<span class='num'>1.</span>将来有出国留学意向的家庭<span class='num'>2.</span>非京籍想北京上小学的家庭<span class='num'>3.</span>获得北 小学学籍的家庭"},
            {id:2, name:"户籍要求", txt:"<span class='num'>1.</span>外籍国际小学(有户籍限制)<span class='num'>2.</span>私立国际小学(无国籍户籍限制)"},
            {id:3, name:"入学考试", txt:"<span class='num'>1.</span>参加学校自主出题笔试和面试<span class='num'>2.</span>一年级无需参加入学考试仅面试即可"},
            {id:4, name:"招生地区", txt:"<span class='num'>1.</span>将来有出国留学意向的家庭<span class='num'>2.</span>非京籍想北京上小学的家庭<span class='num'>3.</span>获得北 小学学籍的家庭"}
          ]
          const areaList = [{id:1, name:"朝阳区"},{id:2, name:"海淀区"},{id:3, name:"昌平区"},{id:4, name:"顺义区"},{id:5, name:"丰台/大兴"},{id:6, name:"通州/房山/怀柔"}]
          
          // 优质国际小学推荐的数据
          this.m2_cur_data = [this.m2_list, this.m2_list, this.m2_list]
          this.main2 = [
            {id:1, name:"北京", area:areaList},
            {id:2, name:"天津", area:areaList},
            {id:3, name:"河北", area:areaList},
            {id:4, name:"四川", area:areaList},
            {id:5, name:"广东", area:areaList},
            {id:6, name:"上海", area:areaList},
            {id:7, name:"江苏", area:areaList},
          ]
          
          
          this.main3 = {
            gj_list:[
              {id:1, name:"国际学校怎么选", src:"./static/image/home/gj-zt1.png", view:"10586"},
              {id:2, name:"艺术国际高中", src:"./static/image/home/gj-zt2.png", view:"10586"},
              {id:3, name:"非京籍入学四证", src:"./static/image/home/gj-zt3.png", view:"10586"},
              {id:4, name:"北京国际学校排名", src:"./static/image/home/gj-zt4.png", view:"10586"},
              {id:5, name:"国际学校入学条件", src:"./static/image/home/gj-zt5.png", view:"10586"},
              {id:6, name:"国际学校怎么选", src:"./static/image/home/gj-zt6.png", view:"10586"},
              {id:7, name:"艺术国际高中", src:"./static/image/home/gj-zt7.png", view:"10586"},
              {id:8, name:"非京籍入学四证", src:"./static/image/home/gj-zt8.png", view:"10586"},
              {id:9, name:"北京国际学校排名", src:"./static/image/home/gj-zt9.png", view:"10586"},
              {id:10, name:"国际学校入学条件", src:"./static/image/home/gj-zt10.png", view:"10586"}
            ],
            sl_list:[
              {id:1, name:"私立学校学费", src:"./static/image/home/sl-zt1.png", view:"10586"},
              {id:2, name:"私立学校排名", src:"./static/image/home/sl-zt2.png", view:"10586"},
              {id:3, name:"非京籍在北京上高中", src:"./static/image/home/sl-zt3.png", view:"10586"},
              {id:4, name:"私立学校和公立学校区别", src:"./static/image/home/sl-zt4.png", view:"10586"},
              {id:5, name:"民办学校是什么意思", src:"./static/image/home/sl-zt5.png", view:"10586"},
            ]
          }
          
          this.main4={
            newsList:[
              {id:1, name:"2023年秋季招生，耀华国际教育学校北京亦庄校区..."},
              {id:2, name:"2023年泛洋文华学校录取分数线是多少 ?"},
              {id:3, name:"北京新府学外国语学校排名怎么样 ?"},
              {id:4, name:"北京市朝阳区赫德学校好不好不进 ?"},
              {id:5, name:"2023年北京丽泽国际学校招生条件有哪些 ?"},
              {id:6, name:"2023年北京王府学校高中录取录取分数线是多少 ?"},
              {id:7, name:"北京爱迪国际学校2023年招生要求是什么 ?"},
              {id:8, name:"北京致知学校是公立还是私立?"},
            ],
            hotList:[
              {id:1, name:"国际学校幼升小", path:this.router.gjztFj},
              {id:2, name:"国际学校幼升小政策", path:this.router.gjztrxtj},
              {id:3, name:"幼升小国际学校", path:this.router.gjztxz}, 
              {id:4, name:"幼升小上国际学校", path:this.router.gjztxz},
              {id:5, name:"小学上国际学校", path:this.router.gjztxz},
              {id:6, name:"国际小学插班", path:this.router.gjztxz},
              {id:7, name:"国际小学寄宿学校", path:this.router.gjztxz},
              {id:8, name:"国际小学收费", path:this.router.gjztpm},
            ]
          }
        },
      }
    })
  </script>
  
  
  <link rel="stylesheet" href="./static/animation/animate.min.css" />
  <script type="text/javascript" src="./static/animation/wow.min.js"></script>
  <script>
      var wow = new WOW({
          boxClass: 'wow',
          animateClass: 'animated',
          offset: 0,
          mobile: false,
          live: true
      });
      wow.init();
  </script>
  
</body>
</html>